<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 函数：把完成一个功能的代码块封装起来，起个名字   

        // 本质上就是一个工具
        //    名字
        //    重复的使用
        //    一个功能
        //    要被人使用

        // 函数的语法

        // 1 创造一个工具
        // function name (参数) {
        //     功能的实现
        // }

        // 2 使用这个工具
        // name()





        // 输出一个3行的三角形
        // *
        // **
        // ***

        // 分析：
        //    输出了一个* ， 一个换行
        //    输出了一个*，一个* ， 一个换行
        //    输出了一个*，一个* 一个*， 一个换行

        //   输出*   输出换行   重复的做

        for(var i = 0 ; i < 3 ; i++) {   // i控制行数
            for(var j = 0 ; j <= i ; j++) {
                document.write('*') ;
            }
            document.write('<br>') ;
        }



         // 输出一个5行的三角形
        // *
        // **
        // ***

        for(var i = 0 ; i < 5 ; i++) {   // i控制行数
            for(var j = 0 ; j <= i ; j++) {
                document.write('*') ;
            }
            document.write('<br>') ;
        }

       



    </script>
    
</body>
</html>